<!-- <!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>第一个页面</title>
    <script>
        var num = prompt('please input a number:');
        alert('the result is');
        console.log('for the coder' + num);

        var age = 10;
        console.log(age);
        for (var i = 0; i < 10; i++)
            console.log('haha')

        function getSum(num1, num2) {
            return num1 + num2;
        }

        console.log(getSum(1, 2))
    </script>
</head>

<h1>Head1</h1>
<h2>Head2</h2>

<body>
    <p>
        下楼主个人情况：<br/>楼主研一的时候，因为老师的项目关系，主要选择做数据分析和算法方向，所以研一选了一些模式识别、算法、统计分析、大数据之类的课程，也算是有一点理论基础吧，研一的寒假的时候，参加天池的糖尿病遗传风险预测的算法比赛，用过XGBoost、LightGBM和Keras等算法，但是说实话，就是调参调包，对原理不求甚解，所以导致初赛200+的名次就被淘汰了（总结文档：https://zhuanlan.zhihu.com/p/85271971）。研一结束的暑假偶然从天池看到数据可视化大赛，赛题是一个可视化系统的开发，涉及到数据分析和数据可视化平台的开发，觉着还挺有意思，中间也有机会去参加数据可视化的夏令营，所以就坚持做下去了，做了大概两三个月（那段时间真的是全身心投入），所幸结果还好，拿到了亚军（总结文档：https://zhuanlan.zhihu.com/p/85271672）研二上感觉有点飘了，就做了做老师的项目，其他也没干啥了。后来转眼就到了研二的寒假，也就是今年的3月份，有的公司要开始实习招聘、春招了，我还是不太确定自己到底想做算法还是前端开发方向。之后我自己对自己的技术和兴趣
    </p>

    一的时候，因为<strong>老师</strong>的项目关系，主要<b>选择</b>做数
    <em>倾斜</em>
    <div>哈哈</div>
    <div>哈哈</div>
    <span>baidu</span>
    <span>baidu</span>
    <span></span>
    <img src='cpu.jpg' title="cpu" alt="加载失败" ,title='刘德华' width="200" height="500" />
    </p>
    <h4>1外部链接</h4>
    <a href='http://www.baidu.com' ,target='_blank'>百度</a>

    <article class="post post-1" repeat="blogData.data">
        <header class="entry-header">
            <h1 class="entry-title">
                <a href="javascript:;" data-id="{{item.key}}" onclick="showArticle(this)">{{item.title}}</a>
            </h1>
            <div class="entry-meta">
                <span class="post-category"><a href="#">{{item.category}}</a></span>
                <span class="post-date"><a href="#">
                    <time class="entry-date">{{item.updateAt}}</time>
                </a></span>
                <span class="post-author"><a href="#">{{item.author}}</a></span>
                <span class="comments-link"><a href="#">{{item.segs}} 评论</a></span>
                <span class="views-count"><a href="#">{{item.count}} 阅读</a></span>
            </div>
        </header>
        <div class="entry-content clearfix">
            <p>{{item.content}}</p>
            <div class="read-more cl-effect-14">
                <a href="#" class="more-link">继续阅读<span class="meta-nav">→</span></a>
            </div>
        </div>
    </article>
</body>

</html> -->
<html>

<head>
    <title>无标题文档</title>
    <style type="text/css">
        .panel {
            background: aliceblue;
            overflow: auto;
            height: 100vh;
            display: -webkit-flex;
            -webkit-flex-direction: column;
        }
        
        .inner1 {
            background: red;
            width: 100%;
            height: auto;
            position: relative;
        }
        
        .inner2 {
            background: brown;
            width: 100%;
            height: inherit;
            position: relative;
        }
    </style>
</head>

<body>
    <div class="panel">
        <div class="inner1">
            上部分
        </div>
        <div class="inner2">
            下部分
        </div>
    </div>
</body>

</html>